﻿<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function () {
	var theme = getTheme();
	// prepare the data
	var source =
	{
		datatype: "json",
		datafields: [
		{ name: 'CompanyName'},
		{ name: 'ContactName'},
		{ name: 'ContactTitle'},
		{ name: 'Address'},
		{ name: 'City'},
		],
		url: 'listboxdata.php'
	};
	var dataAdapter = new $.jqx.dataAdapter(source);
			
	$("#listbox").jqxListBox(
	{
		source: dataAdapter,
		theme: theme,
		width: 300,
		height: 300,
		selectedIndex: 0,
		displayMember: 'CompanyName',
		valueMember: 'ContactName'
	});        
        $('#sendButton').jqxButton({ width: 70, theme: theme });
	
});
</script>
</head>

<body>

</body>
</html>